import Nav from './plugin/Nav'

import React, { Component } from 'react'
import Card from './plugin/Card'

export default class Section extends Component {
    state = {content:'主客户端'}
    menuChecked = (t) => {
        this.setState({content:t.target.innerHTML});
        var ul = t.target.parentNode.children;
        for(var i =0;i<ul.length;i++){
            if(ul[i].attributes.class){
                ul[i].className = ""
            }
        }
        t.target.className = "active"
    }
    render() {
        return (
            <div>
                <div className="container clearfix mt20">
                    <div className="w-right">
                        <div className="card">
                            <div className="header line">
                                <h3>最新更新</h3>
                                <span><a href="https://www.lxres.com/s/new/" title="更多">更多&gt;&gt;</a></span>
                            </div>
                            <div className="body" style={{height:"490px", overflow: "hidden"}}>
                                <div className="novellist">
                                    <div className="item-50">
                                        <div className="item-left">
                                            <a href="https://www.lxres.com/DanJiRenWu/DuLiYunXing/2041.html" title="花女传说"><img src="/small86740ca87f28ef2595445b491ee9d1d4.jpg" alt="花女传说" /></a>
                                        </div>
                                        <div className="item-right">
                                            <dl>
                                                <dt>[<a href="https://www.lxres.com/DanJiRenWu/DuLiYunXing/" target="blank" className="c" title="独立运行">独立运行</a>]&nbsp;<a href="https://www.lxres.com/DanJiRenWu/DuLiYunXing/2041.html" className="t" title="花女传说" target="blank">花女传说</a></dt>
                                                <dd className="zuozhe">作者：<a href="https://www.lxres.com/writer/%E5%8F%AF%E9%9B%AA%E5%84%BF.html" title="可雪儿">可雪儿</a></dd>
                                                <dd className="intro">这个单机任务是根据我们自己写的长篇古典文学小说《苦梦缘》里配角闵蝶改编的，具体内容可 &nbsp; &nbsp;以看原著小说、目前还没有竣工。</dd>
                                            </dl>
                                        </div>
                                    </div>
                                    <div className="item-50">
                                        <div className="item-left">
                                            <a href="https://www.lxres.com/BuDingGongJu/ShiYongGongJu/2040.html" title="流星联机工具_测试版v0.2"><img src="/5d7950d3d7dcab8e4edad0d3fe751d24.jpg" alt="流星联机工具_测试版v0.2" /></a>
                                        </div>
                                        <div className="item-right">
                                            <dl>
                                                <dt>[<a href="https://www.lxres.com/BuDingGongJu/ShiYongGongJu/" target="blank" className="c" title="实用工具">实用工具</a>]&nbsp;<a href="https://www.lxres.com/BuDingGongJu/ShiYongGongJu/2040.html" className="t" title="流星联机工具_测试版v0.2" target="blank">流星联机工具_测试版v0.2</a></dt>
                                                <dd className="zuozhe">作者：<a href="https://www.lxres.com/writer/%E6%B5%81%E6%98%9F%E8%B5%84%E6%BA%90%E7%BD%91.html" title="流星资源网">流星资源网</a></dd>
                                                <dd className="intro">一个简单的联机工具，选择好游戏路径点开始游戏就能愉快的和朋友一起联机玩流星了！</dd>
                                            </dl>
                                        </div>
                                    </div>
                                    <div className="item-50">
                                        <div className="item-left">
                                            <a href="https://www.lxres.com/RenWuWuQi/ZiZhiRenWu/2027.html" title="明日香(完美版1.0)"><img src="/smalldd889dd9f1f8ecc721bba5a46a5c6b61.jpg" alt="明日香(完美版1.0)" /></a>
                                        </div>
                                        <div className="item-right">
                                            <dl>
                                                <dt>[<a href="https://www.lxres.com/RenWuWuQi/ZiZhiRenWu/" target="blank" className="c" title="自制人物">自制人物</a>]&nbsp;<a href="https://www.lxres.com/RenWuWuQi/ZiZhiRenWu/2027.html" className="t" title="明日香(完美版1.0)" target="blank">明日香(完美版1.0)</a></dt>
                                                <dd className="zuozhe">作者：<a href="https://www.lxres.com/writer/%E5%B0%8F%E5%9D%A4.html" title="小坤">小坤</a></dd>
                                                <dd className="intro">更新：更新两款皮肤，名字相同，想用什么贴图就复制什么（大家随意）</dd>
                                            </dl>
                                        </div>
                                    </div>
                                    <div className="item-50">
                                        <div className="item-left">
                                            <a href="https://www.lxres.com/DanJiRenWu/DuLiYunXing/2039.html" title="流星蝴蝶剑《番外·叶翔篇》"><img src="/small69ab925efd5004635b115157db5c8687.jpg" alt="流星蝴蝶剑《番外·叶翔篇》" /></a>
                                        </div>
                                        <div className="item-right">
                                            <dl>
                                                <dt>[<a href="https://www.lxres.com/DanJiRenWu/DuLiYunXing/" target="blank" className="c" title="独立运行">独立运行</a>]&nbsp;<a href="https://www.lxres.com/DanJiRenWu/DuLiYunXing/2039.html" className="t" title="流星蝴蝶剑《番外·叶翔篇》" target="blank">流星蝴蝶剑《番外·叶翔篇》</a></dt>
                                                <dd className="zuozhe">作者：<a href="https://www.lxres.com/writer/%E6%8A%96%E9%9F%B3%E6%AF%9B%E5%8F%94%E5%8F%94.html" title="抖音毛叔叔">抖音毛叔叔</a></dd>
                                                <dd className="intro">叶翔本身故事很少，本剧情纯属胡编乱造，不喜勿喷。
                
                    版本素材全部来自流星资源网，特别感谢资源网大佬的各种素材。
                    此版本纯属个人爱好，不用作任何商业用途。
                
                    磕磕绊绊直播流星整一年了，也算是给自己留个念想。
                    谢谢兄弟们长久以来的支持。</dd>
                                            </dl>
                                        </div>
                                    </div>
                                    <div className="item-line"></div>
                                    <div className="item-list">
                                            <ul>
                                                <li className="globalDate"><a href="https://www.lxres.com/RenWuWuQi/ZiZhiRenWu/" title="自制人物" target="blank">[自制人物]</a><a className="t" href="https://www.lxres.com/RenWuWuQi/ZiZhiRenWu/2038.html" title="白发女妖" target="blank">白发女妖</a><a className="z" href="https://www.lxres.com/writer/%E5%B0%8F%E5%9D%A4.html" target="blank" title="小坤">小坤</a><span className="fr">2021-06-12</span></li>
                                                
                                            </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div className="card mt20 pt-tab" style={{height:"610px", overflow:"hidden", position:"relative"}}>
                            <div className="header line">
                                <h3>玩家推荐</h3>
                            </div>
                            <div className="header tab tab8 fw500 pt-tab-nav">
                                <ul className="clearfix">
                                    <li onMouseOver= {this.menuChecked} className="active">主客户端</li>
                                    <li onMouseOver= {this.menuChecked}>单机任务</li>
                                </ul>
                            </div>
                            <section className="body pt-tab-con">
                                <Card content = {this.state.content} />
                            </section>
                        </div>
                    </div>
                    <div className="w-left">
                        <div className="card">
                            <div className="header line">
                                <h3>站长推荐</h3>
                                <span><a href="https://www.lxres.com/s/hot/" title="更多热门资源">热门&gt;&gt;</a></span>
                            </div>
                            <div className="body" style={{height:"490px", overflow: "hidden"}}>
                                <div className="novellist">
                                    <div className="item">
                                        <div className="item-left">
                                            <a href="https://www.lxres.com/BuDingGongJu/YouXiZengQiang/1362.html" title="图像增强补丁6.4.8"><img src="/smalld876d4eff98b03fb484ce8305aadb273.jpg" alt="图像增强补丁6.4.8" /></a>
                                        </div>
                                        <div className="item-right">
                                            <dl>
                                                <dt><a href="https://www.lxres.com/BuDingGongJu/YouXiZengQiang/1362.html" className="t" title="图像增强补丁6.4.8" target="blank">图像增强补丁6.4.8</a></dt>
                                                <dd className="zuozhe">作者：<a href="https://www.lxres.com/writer/%E6%BB%B4%E9%A3%8E.html" title="滴风">滴风</a></dd>
                                                <dd className="intro">此版本依然支持DirectX9模式，图像渲染效率提高5倍以上，
            现代硬件渲染10万个面的地图模型耗不费力，并支持精细的人物模型，为MOD作者提供宽裕的设计空间。</dd>
                                            </dl>
                                        </div>
                                    </div>
                                    <div className="item">
                                        <div className="item-left">
                                            <a href="https://www.lxres.com/ZhuKeHuDuan/GuanFangYuanBan/1772.html" title="流星蝴蝶剑9.07官方场景光影增强版"><img src="/small2bf81d939bcc4f52cb3d6a288504dbb3.jpg" alt="流星蝴蝶剑9.07官方场景光影增强版" /></a>
                                        </div>
                                        <div className="item-right">
                                            <dl>
                                                <dt><a href="https://www.lxres.com/ZhuKeHuDuan/GuanFangYuanBan/1772.html" className="t" title="流星蝴蝶剑9.07官方场景光影增强版" target="blank">流星蝴蝶剑9.07官方场景光影增强版</a></dt>
                                                <dd className="zuozhe">作者：<a href="https://www.lxres.com/writer/%E6%98%B1%E6%B3%89%E5%9B%BD%E9%99%85.html" title="昱泉国际">昱泉国际</a></dd>
                                                <dd className="intro">地图光影制作：墨香 || 图像补丁：滴风居士 || 毒牙阵狼牙棒：三叔 || 协助工具：星河封天&nbsp;
            所有官方地图都添加有光影，除添加光影外对游戏文件完全没有修改，不影响联机对战！</dd>
                                            </dl>
                                        </div>
                                    </div>
                                    <div className="item">
                                        <div className="item-left">
                                            <a href="https://www.lxres.com/ZhuTiGuangYing/GuangYingMeiHua/1792.html" title="光影1.9"><img src="/small3bfe4b4f4db5282389b28f879aaab679.jpg" alt="光影1.9" /></a>
                                        </div>
                                        <div className="item-right">
                                            <dl>
                                                <dt><a href="https://www.lxres.com/ZhuTiGuangYing/GuangYingMeiHua/1792.html" className="t" title="光影1.9" target="blank">光影1.9</a></dt>
                                                <dd className="zuozhe">作者：<a href="https://www.lxres.com/writer/%E4%BD%99%E9%9F%B3.html" title="余音">余音</a></dd>
                                                <dd className="intro">修复了自发布以来的绝大部分显示问题，对一些特效的逻辑思路进行了重写，选材包括每个特效的构思前后花费了一年时间制作，此特效的主题一如既往的简约风格，现在buff状态的特效表现更完美了，在普通招式和大绝方面视觉展示更加鲜明对比，部分贴图和模型由流星资源网群各位大神提供。(人员太多就不一一列举了0 0)&nbsp;</dd>
                                            </dl>
                                        </div>
                                    </div>
                                    <div className="item">
                                        <div className="item-left">
                                            <a href="https://www.lxres.com/ZhuKeHuDuan/WanJiaZiZhi/1467.html" title="安卓版流星蝴蝶剑.net V0.3.1.0"><img src="/small51b8f72a431199a5c73a149d948d7cf9.jpg" alt="安卓版流星蝴蝶剑.net V0.3.1.0" /></a>
                                        </div>
                                        <div className="item-right">
                                            <dl>
                                                <dt><a href="https://www.lxres.com/ZhuKeHuDuan/WanJiaZiZhi/1467.html" className="t" title="安卓版流星蝴蝶剑.net V0.3.1.0" target="blank">安卓版流星蝴蝶剑.net V0.3.1.0</a></dt>
                                                <dd className="zuozhe">作者：<a href="https://www.lxres.com/writer/%E6%82%9F%E7%A9%BA.html" title="悟空">悟空</a></dd>
                                                <dd className="intro">为pc版流星蝴蝶剑.net移植版，为安卓版！可在运行安卓系统的手机平板上运行！</dd>
                                            </dl>
                                        </div>
                                    </div>
                                    <div className="clear"></div>
                                </div>
                            </div>
                        </div>
                        <div className="card mt20 pt-tab" style={{height:"610px", overflow: "hidden"}}>
                            <div className="header tab tab3 fw700 pt-tab-nav">
                                <ul className="clearfix">
                                    <li className="active">本周热门</li>
                                    <li>本月热门</li>
                                    <li>年度热门</li>
                                </ul>
                            </div>
                            <div className="body pt-tab-con">
                                <ul className="rightlist">
                                    <li><i className="c1">1</i><span><a href="https://www.lxres.com/writer/%E6%98%B1%E6%B3%89%E5%9B%BD%E9%99%85.html" title="昱泉国际">昱泉国际</a></span><a href="https://www.lxres.com/ZhuKeHuDuan/GuanFangYuanBan/448.html" title="流星蝴蝶剑9.07完整版">流星蝴蝶剑9.07完整版</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div className="card mt20">
                    <div className="body">
                        <div className="links">
                            <ul>
                                <li><a href="https://www.lxres.com/" target="blank" title="流星资源网"><img alt="图片错误" src="/logo.gif" name="流星资源网" /></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        )
    }
}
